<template>
	<swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="2000" :circular="true" indicator-active-color="#fff">
		<swiper-item v-for="item in banner" :key="item.thumb">
			<image :src="item.thumb" ></image>
		</swiper-item>
	</swiper>

</template>

<script>
	export default {
		onShow() {
			console.log(this.banner)
		},
		props: {
			banner: {
				type: Array,
				required:true
			}
		},
		data() {
			return {

			}
		},
	}
</script>

<style lang="less" scoped>
	.swiper {
		border-radius: 15rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
</style>
